.form-container {
  padding: 20px;
}

h2 {
  margin-bottom: 20px;
  color: #2c3e50;
}

.form-group-row {
  display: flex;
  gap: 15px;
}

.form-group {
  display: flex;
  flex-direction: column;
}

.form-group-rtuCode {
  flex: 1;
}

.form-group-paraID,
.form-group-startTm,
.form-group-endTm {
  flex: 3;
}

label {
  display: block;
  margin-bottom: 5px;
  font-weight: 500;
}

input {
  width: 100%;
  padding: 8px;
  border: 1px solid #ddd;
  border-radius: 4px;
}

.submit-btn {
  background-color: rgb(76, 126, 76);
  color: white;
  padding: 10px 20px;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  width: calc(100% / 6); 
}

.submit-btn:hover {
  background-color: #1a2833;
}

.response-data table {
  border-collapse: collapse;
  width: 100%;
}

.response-data th,
.response-data td {
  border: 1px solid #ddd;
  padding: 8px;
  text-align: left;
}

.response-data th {
  background-color: #f2f2f2;
}

.response-data tr:nth-child(even) {
  background-color: #f9f9f9;
}

.response-data tr:hover {
  background-color: #f5f5f5;
}
